function cargarVentanaLogueo(){
    new Ajax.Request("frmLogueo.html",{
        method: "get",
        onSuccess: function(t){
            $("divAcceso").update(t.responseText);
        }
    });
}

function loguearUsuario(){
    new Ajax.Request("usuario",{
        parameters: $("frmLogueo").serialize(),
        onSuccess: function(t){
            var data=t.responseText.evalJSON();
            if(!data.success){
                Ext.MessageBox.show({
                    title: "Error",
                    msg: data.mensaje,
                    buttons: Ext.MessageBox.OK,
                    icon: Ext.MessageBox.ERROR
                });
                return;
            }
            var div=$("divAcceso").childNodes[0];
            $("divAcceso").removeChild(div);
            cargarMenu(data.strNombreCompleto,data.strDependenciaSiglas);
        }
    });
}


function cargarMenu(nombreUsuario,nombreDependencia){
    new Ajax.Request("frmContenido.html",{
        method:"get",
        onSuccess: function(transport){
            var contenido =  transport.responseText;
            $("body").update(contenido);
            var treePanel = new Ext.tree.TreePanel({
                id: 'tree-panel',
                title: 'Menu de Opciones',
                region:'north',
                iconCls:'icon-option',
                split: true,
                height: 500,
                minSize: 50,
                autoScroll: true,
                rootVisible: false,
                lines: true,
                singleExpand: false,
                useArrows: true,
                loader: new Ext.tree.TreeLoader({
                    dataUrl:'lista-modulos'
                }),
                root: new Ext.tree.AsyncTreeNode()
            });
            treePanel.on('click', function(n){
                if(n.isLeaf()) {
                    Ext.get('center1').dom.src=n.attributes.url;
                }
            });
            $("txtnombreUsuario").innerHTML=nombreUsuario.toUpperCase();
            $("txtdependencia").innerHTML=nombreDependencia.toUpperCase();
            var viewport = new Ext.Viewport({
                layout:'border',
                items:[
                new Ext.BoxComponent({
                    region:'north',
                    el: 'north',
                    height:32
                }),{
                    region:'west',
                    id:'west-panel',
                    title:'Sistema de Informacion',
                    split:true,
                    width: 200,
                    minSize:50,
                    maxSize: 400,
                    collapsible: true,
                    margins:'0 0 0 5',
                    layout:'accordion',
                    layoutConfig:{
                        animate:true
                    },
                    items: [treePanel,{
                        title:'Ayuda',
                        html:'<a href="manual.pdf" target="center1">Manual</a>',
                        border:false,
                        iconCls:'icon-help'
                    }]
                },
                new Ext.TabPanel({
                    region:'center',
                    deferredRender:false,
                    activeTab:0,
                    items:[{
                        contentEl:'center1',
                        title: 'Dirección de Pensiones de la Policia Nacional del Perú',
                        iconCls: 'icon-content',
                        closable:false,
                        autoScroll:true
                    }]
                })
                ]
            });
            Ext.get('center1').dom.width="100%";
            Ext.get('center1').dom.height="100%";
            Ext.get('center1').dom.src = "frmBienvenida.html";
            treePanel.root.expand(true);
        }
    });
}
